<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>系统设置</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="../css/public.css" media="all">
    <style>
        .layui-form-item .layui-input-company {width: auto;padding-right: 10px;line-height: 38px;}
    </style>
</head>
<body>
<div class="layuimini-container">
    <div class="layuimini-main">
        <div id="chartA" style="height:600px;width:800px">
        
        </div>
    </div>
</div>
<script src="../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../js/lay-config.js"></script>
<script>
    layui.use(['form','echarts'], function () {
        var form = layui.form
        	,echarts = layui.echarts
            , layer = layui.layer;

    
      //绑定页面上画图区域(div)  获取ecahrts实例
    	var myChart = echarts.init( document.getElementById("chartA") );
    	//定义一个对象 封装画图所需的配置和数据
    	var option = {
		  xAxis: {
		    type: 'category',
		    data: ['一月', '二月', '三月', '四月', '五月', '六月', '七月','八月','九月','十月','十一月','十二月']
		  },
		  yAxis: {
		    type: 'value'
		  },
		  series: [
		    {
		      data: [820, 932, 901, 934, 1290, 1330, 1320,555,666,1111,888],
		      type: 'line',
		      smooth: true
		    }
		  ]
		};
    	//将option对象  封装到  echarts实例中   实现效果
    	myChart.setOption( option );
        
        
        
    });
</script>
</body>
</html>